body
{
	background-color:#222266;
	font-size:8pt;
}

a:link,a:visited
{
	color:#558899;
	text-decoration:none;
}

a:hover,a:active
{
	color:#998899;
	text-decoration:underline;
}


#container
{
	width:1350px;
	background-color: #ffffff;
	margin:auto;
	font-family:sans-serif;
}

#header
{
	padding:10px;
	margin:auto;
}

span.HeaderTitle
{
	color:#333366;
	font-size:24pt;
	font-weight:500;
}

span.HeaderTitleInitCap
{
	font-size:30pt;
	font-weight:200;
}

#header h1
{
	margin-top:10px;
	margin-bottom:15px;
}

#header ul
{
	list-style-type:none;
	margin:0px auto;
	padding:0;
	overflow:hidden;
}

#header li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:10pt;
	color:#ffffff;
	background-color:#113366;
	width:138px;
	text-align:center;
	padding:4px;
	text-decoration:none;
}

#header .li-hover
{
	background-color:#225588;
}

#main
{
	background-color: #dddddd;
	padding:10px;
	overflow:auto;
}

#logon
{
/*	position:absolute;*/
	left:500px;
	top:300px;
	width:300px;
	background-color:#eeeeee;
	display:none;
	border:2px solid #222222;
	margin:0px auto;
	font-size:7pt;
}

#logon-title
{
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:6px;
	font-size:10pt;
	font-weight:600;
	overflow:auto;
}

#logon-message
{
	display:none;
	background-color:#aa3311;
	color:#ffffff;
	text-align:center;
	padding:4px;
}

#logon p
{
	text-align:center;
}

#logon-button
{
	width:80px;
	text-align:center;
	padding:4px;	
	background-color:#113366;
	color:#ffffff;
	font-size:8pt;
	font-weight:600;
	margin: 10px auto;
}

.logon-button-hover
{
	background-color:#225588 !important;
}

#footer p
{
	text-align:center;
	padding:10px;	
}


#people-group-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#people-group-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#113366;
	width:70px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#people-group-menu .li-hover
{
	background-color:#225588;
}

#people-group-menu .li-selected
{
	background-color:#4488aa;
}



.people-table
{
	overflow:auto;
	padding:8px;
/*	width:100%;*/
}

.people-table:nth-child(odd){background-color:#bbbbbb;}
.people-table:nth-child(even){background-color:#cccccc;}

.people-table div
{
	float:left;
	padding:2px;
/*	border: 1px solid #111111;
	padding: 2px;
	margin: 0px 0px 2px 2px;*/
}

.people-table-emails		{width:250px;}
.people-table-groups		{width:150px;}
.people-table-telephones	{width:100px;}
.people-table-name			{width:250px;}
.people-table-addresses		{width:150px;}


.people-table-address		{width:160px;}

.people-table-title
{
	font-weight:600;
	color:#ffffff;
	background-color:#000000;
}

.people-table-fulladdress
{
	display:none;
	position:absolute;	
	background-color:#ffffff;
	border:1px solid #113366;
	padding:18px;
	width:100px;
}

#people-actions-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#people-actions-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#663311;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#people-actions-menu .li-hover
{
	background-color:#885522;
}

#people-window
{
	padding:15px 40px 15px 40px;
	background-color:#ffffff;
}

#people-edit
{
	display:none;
	position:fixed;
	left:200px;
	top:50px;
	background-color:#ffffff;
	padding:20px;
	width:510.0px;
	border:5px solid #113366;
}

#people-edit div, #people-edit-addaddress div
{
	overflow:auto;
	float:left;
}

#people-edit-heading,#people-edit-addgroup-heading, #people-edit-addaddress-heading 
{
	background-color:#113366;
	color:#ffffff;
	font-size:12pt;
	font-weight:600;
	text-align:center;
	width:100%;
	padding:5pt;
	margin-bottom: 15px;
}

.people-edit-title
{
	font-size:8pt;
	font-weight:700;
	width:100px;
}

#people-edit-addgroup
{
	display:none;
	position:fixed;
	z-index:2;
	left:300px;
	top:80px;
	background-color:#ffffff;
	padding:20px;
	width:200px;
	border:5px solid #113366;
}

#people-edit-addaddress
{
	display:none;
	position:fixed;
	z-index:2;
	left:300px;
	top:80px;
	background-color:#ffffff;
	padding:20px;
	width:400px;
	border:5px solid #113366;
}

.people-edit-address1 input, .people-edit-address2 input, .people-edit-address3 input, .people-edit-address4 input, .people-edit-county input, .people-edit-country input, .people-edit-postcode input
{width:200px;} 


.people-edit-addgroup-group
{
	font-size:8pt;
	font-weight:600;
}



#people-edit-menu, #people-edit-addaddress-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	width:100%;
}

#people-edit-menu li, #people-edit-addaddress-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:7pt;
	color:#ffffff;
	background-color:#113366;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#people-edit-menu .li-hover, #people-edit-addaddress-menu .li-hover
{
	background-color:#225588;
}

.removeEmailIcon, .removeGroupIcon, .removeTelephoneIcon, .removeAddressIcon
{
	background-image:url('../images/icon-delete.png');
	background-repeat:no-repeat;
	width:18pt;
	height:18pt;
}

.addEmailIcon, .addGroupIcon, .addTelephoneIcon, .addAddressIcon
{
	background-image:url('../images/icon-add.png');
	background-repeat:no-repeat;
	width:18pt;
	height:18pt;
}

.people-edit-displayemail, .people-edit-displaygroup, .people-edit-displaytelephone, .people-edit-displayaddress, #people-edit-add-group, #people-edit-add-address, .people-edit-value-text {font-size:8pt;}

#people-edit-addgroup .li-hover 
{
	background-color:#bbbbbb;
}

#people-edit-addgroup-cancel
{
	color:#ffffff;
	background-color:#113366;
	margin-top:15px;
	width:100px;
	font-weight:bold;
	font-size:7pt;
	width:110px;
	text-align:center;
	padding:3px;
}

#people-edit-addgroup .but-hover, #people-edit-addaddress .li-hover
{
	background-color:#225588;
}



#musiclist-choir-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#musiclist-choir-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#113366;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#musiclist-choir-menu .li-hover
{
	background-color:#225588;
}

#musiclist-choir-menu .li-selected
{
	background-color:#4488aa;
}


.musiclist-table
{
	overflow:auto;
	padding:8px;
/*	width:100%;*/
}

.musiclist-table:nth-child(odd){background-color:#bbbbbb;}
.musiclist-table:nth-child(even){background-color:#cccccc;}

.musiclist-table div
{
	float:left;
	padding:2px;
/*	border: 1px solid #111111;
	padding: 2px;
	margin: 0px 0px 2px 2px;*/
}

.musiclist-table-day		{width:25px;}
.musiclist-table-date		{width:65px;}
.musiclist-table-time		{width:40px;}
.musiclist-table-choir		{width:25px;}
.musiclist-table-eventtitle	{width:60px;}
.musiclist-table-note		{width:80px;}
.musiclist-table-service	{width:90px;}
.musiclist-table-psalms		{width:90px;}
.musiclist-table-hymns		{width:90px;}
.musiclist-table-introit	{width:130px;}
.musiclist-table-responses	{width:70px;}
.musiclist-table-mass		{width:140px;}
.musiclist-table-canticles	{width:140px;}
.musiclist-table-anthem		{width:140px;}


.musiclist-table-title
{
	font-weight:600;
	color:#ffffff;
	background-color:#000000;
}

/*
#musiclist-edit
{
	display:none;
	position:fixed;
	left:200px;
	top:50px;
	background-color:#ffffff;
	padding:20px;
	width:510px;
	border:5px solid #113366;
}
*/
#musiclist-edit div
{
	overflow:auto;
	float:left;
}


/*
#musiclist-edit-heading 
{
	background-color:#113366;
	color:#ffffff;
	font-size:12pt;
	font-weight:600;
	text-align:center;
	width:100%;
	padding:5pt;
	margin-bottom: 15px;
}
*/
#musiclist-edit-title
{
	padding-top:3px;
	font-size:8pt;
	font-weight:700;
	width:100px;
}

.musiclist-edit-value
{
	font-size:8pt;
	font-weight:300;
	margin-bottom:10px;
/*	width:380px;*/
}

.musiclist-edit-value-text {width:320px;}

/*
#musiclist-edit-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	width:100%;
}

#musiclist-edit-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#113366;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#musiclist-edit-menu .li-hover
{
	background-color:#225588;
}
*/
#musiclist-actions-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#musiclist-actions-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#663311;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#musiclist-actions-menu .li-hover
{
	background-color:#885522;
}


#musiclist-summary-menu
{
	list-style-type:none;
	margin:10px auto;
	padding:0;
	overflow:hidden;
}

#musiclist-summary-menu li
{
	margin-right:3px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:8pt;
	color:#ffffff;
	background-color:#113366;
	width:110px;
	text-align:center;
	padding:3px;
	text-decoration:none;
}

#musiclist-summary-menu .li-hover
{
	background-color:#225588;
}



#musiclist-category
{
	overflow:auto;
	padding:15px 40px 15px 40px;
/*	background-color:#ffffff;*/
	width:850px;
}

#musiclist-category-item:nth-child(odd){background-color:#bbbbbb;}
#musiclist-category-item:nth-child(even){background-color:#eeeeee;}


#musiclist-category div
{
	float:left;
	padding:2px;	
}

.musiclist-piece
{
	width:450px
}

.musiclist-count
{
	width:350px
}




.events-table
{
	overflow:auto;
	padding:8px;
/*	width:100%;*/
}

.events-table:nth-child(odd){background-color:#bbbbbb;}
.events-table:nth-child(even){background-color:#cccccc;}

.events-table div
{
	float:left;
	padding:2px;
/*	border: 1px solid #111111;
	padding: 2px;
	margin: 0px 0px 2px 2px;*/
}

.events-table-day		{width:25px;}
.events-table-date		{width:65px;}
.events-table-musiclist {width:140px;}

.events-table-title
{
	font-weight:600;
	color:#ffffff;
	background-color:#000000;
}

.events-table-musiclist form input {margin:0px;}




.clearboth{width:100%;padding-top:10px;}






